<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="layui/css/layui.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" type="text/css" href="swiper/swiper.min.css">
  <link rel="stylesheet" href="./css/style.css">
  <link rel="stylesheet" href="./css/index.css">
  <style type="text/css">
    body,
    html {
      width: 100%;
      height: 100%;
      margin: 0;
      font-family: "微软雅黑";
    }

    #container {
      width: 100%;
      height: 100%;
    }

    #result {
      position: fixed;
      top: 10px;
      left: 20px;
      width: 300px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      background: #fff;
      box-shadow: 0 2px 6px 0 red;
      border-radius: 7px;
      z-index: 99;
    }
  </style>
  <title>研判详情</title>
</head>

<body>
  <div class="study_judge details">
    <div class="header">
      <div style="display: none;" class="goback"><i></i></div>
      <!-- <div class="title">
        中坤广场新建地铁一体化工程渣土运输活动研判（2022年2月27日）
      </div> -->
    </div>
    <div class="Snapshot det_title">
      <h3><i></i>卫星遥感影像</h3>
      <div class="Snapshot" id="tupian">
        <!-- <div class="img_map">
          <img src="./images/tuceng.png" alt="">
          <span>2021-12-12 12:35:53 拍摄</span>
        </div> -->
       
      </div>

    </div>
    <div class="det_title">
      <h3><i></i>出入口抓拍</h3>
      <div class="secondaryh">
        <!-- 2022年2月27日00:00:00-23:59:59 抓拍12辆渣土车，共计20次从事渣土运输活动。 -->
      </div>
      <div class="vehicle_picture">
        <div class="swiper mySwiper">
          <div class="swiper-wrapper" id="pictureID">
          </div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
      </div>
    </div>
    <div class="det_title">
      <h3><i></i>群众举报</h3>
      <div class="content_tit">
        投诉内容：
      </div>
      <div class="content" id="detail_content">
        <div class="backbg"></div>

      </div>
    </div>
    <div class="Snapshot det_title">
      <h3><i></i>卫星定位研判</h3>
      <div class="secondaryh">
        <!-- 2022年2月27日00:00:00-23:59:59 有12辆渣土车在工地内存在驻留行为，运输频次32次。 -->
      </div>
      <div class="satellite_map">
        <div class="left_number" id="vehicleInfo">
        </div>
        <div class="right_map">
          <div id="container"></div>
        </div>
      </div>
    </div>
  </div>
</body>


</html>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.10&ak=1XjLLEhZhQNUzd93EjU5nOGQ"></script>
<script type="text/javascript" src="http://11.16.127.24:8219/baidumap/jsapi/api.js?v=1.50"></script>
<script type="text/javascript" src="http://11.16.127.24:8219/baidumap/jsapi/library/Heatmap/Heatmap_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TrackAnimation/src/TrackAnimation_min.js"></script>
<script type="text/javascript" src="./js/jquery.min.js"></script>
<script type="text/javascript" src="swiper/swiper.min.js"></script>
<script src="js/echarts.min.js?v=2.1000"></script>
<script src="./js/details.js"></script>
<script src="layui/layui.js?v=1.40"></script>

<script>
  //调取地图
  // getFetchMap()
  //获取信息

  $(function () {
    var imgUrl;
    // $(".img_map").click(function () {
    //   imgUrl = $(this).find(".top img").attr("src")
    //   $(".prew-img").attr("src", imgUrl)
    //   $(".prewImg").css("display", "flex")
    // })
    // $(".prewImg-close").click(function () {
    //   $(".prewImg").hide()
    // })

    var swiper = new Swiper(".mySwiper", {
      slidesPerView: 'auto',
      navigation: {
        nextEl: ".swiper-button-next",
        prevEl: ".swiper-button-prev",
      },
    });
    getReport()
    getVehicleInfo()
    // 获取中心点
    getsatelliteMap()
    // 获取抓拍图
    getSnapshotList()
    // 返回
    $(".goback").click(function () {
      console.log(location.search)
      $(location).attr('href', "/ditu/ztcjg/ztcjg2.html" + location.search);
     
    })
  })

</script>